﻿<!DOCTYPE HTML>
<head>
<META charset="UTF-8">   
<TITLE>慕课网</TITLE>
  <link rel="stylesheet" type="text/css"  href="style.css"/>
</HEAD>
<BODY>
<DIV class="top">
<DIV class="top_content">
<UL>
  <LI><A href="#">联系我们</A></LI>
  <LI><A href="#">加入收藏</A></LI>
  <LI><A href="#">设为首页</A></LI></UL></DIV></DIV>
<DIV class="wrap">
<DIV class="logo">
<DIV class="logo_left"><IMG alt="慕课网" src="images\logo.jpg"></DIV>
<DIV class="logo_right"><IMG alt="服务热线" 
src="images\tel.jpg">24小时服务热线:&nbsp;&nbsp;
<SPAN>123-456-789</SPAN></DIV></DIV>
<DIV class="nav">
<DIV class="nav_left"></DIV>
<DIV class="nav_mid">
<DIV class="nav_mid_left">
<UL>
  <LI><A href="#">首页</A></LI>
  <LI><A href="#">关于慕课</A></LI>
  <LI><A href="views/news.html">新闻动态</A></LI>
  <LI><A href="views/lessons.html">课程中心</A></LI>
  <LI><A href="#">在线课程</A></LI>
  <LI><A href=" #">人才招聘</A></LI></UL></DIV>
<DIV class="nav_mid_right">
<FORM action="" method="post"><INPUT class="search" type="text">	   
</FORM></DIV></DIV></DIV>
<DIV class="ad" id="picBox">
<DIV class="loading"><IMG alt="图片加载中" src="images\loading.gif"></DIV>
<DIV class="pic">
<UL>
  <LI><IMG src="images\ad4.jpg"></LI>
  <LI><IMG src="images\ad2.jpg"></LI>
  <LI><IMG src="images\ad3.jpg"></LI></UL></DIV></DIV>
<DIV class="main">
<DIV class="news">
<DIV class="title">
<H2 class="title_left">新闻中心</H2><SPAN class="title_right"><A href="慕课网新闻页.html">More&gt;&gt;</A></SPAN>
	 </DIV>
<DIV class="pic_news"><IMG src="images\news.jpg">
<H2><A 
href=" #">520女神喊你来表白！</A></H2>
<P>活动时间：5月20日至5月25日<BR>获奖公布时间：5月26日<BR><A href="#">Learn
More&gt;&gt;</A></P></DIV>
<DIV class="news_list">
<UL>
  <LI><SPAN>2014-06-01</SPAN> <A href="#">【慕客访谈
  用户篇】“有为屌丝”在路上</A></LI>
  <LI><SPAN>2014-06-01</SPAN><A href="#">【有奖活动】给父亲的三行书信</A></LI>
  <LI><SPAN>2014-05-30</SPAN><A href="#">《程序猿，请晒出你的童年》活动获奖公告</A></LI>
  <LI><SPAN>2014-05-28</SPAN><A title="aa" href="#">【慕课访谈】破茧成蝶——美女程序员的蜕变史</A></LI></UL></DIV></DIV>
<DIV class="course">
<DIV class="title">
<H2 class="title_left">课程中心</H2><SPAN class="title_right"><A href="慕课网课程页.html">More&gt;&gt;</A></SPAN>
	  </DIV>
<DIV class="course_pic"><IMG src="images\css.jpg">
<H2><A href=" #">圆角进化论</A></H2>
<P>CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</P></DIV>
<DIV class="course_type">
<UL>
  <LI>PHP开发</LI>
  <LI>前端开发</LI>
  <LI>JAVA开发</LI>
  <LI>Android开发</LI></UL></DIV></DIV>
<DIV class="sideBar">
<DIV class="video">
<DIV class="title">
<H2 class="title_left">媒体聚焦</H2></DIV>
<DIV class="video_content"><EMBED width="260" height="150" align="middle" src="http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf" 
type="application/x-shockwave-flash" allowscriptaccess="always" quality="high" 
allowfullscreen="true"></DIV></DIV>
<DIV class="sidebar_ad"><IMG src="images\app.jpg">
</DIV></DIV></DIV></DIV>
<DIV class="copyright">
<DIV class="copyright_content">
<UL>
  <LI><A href=" #">关于</A>
  <UL>
    <LI>品牌故事</LI>
    <LI>联系我们</LI>
    <LI>加入我们</LI>
    <LI>版权声明</LI></UL></LI>
  <LI><A href=" #">课程</A>
  <UL>
    <LI>PHP开发</LI>
    <LI>前端开发</LI>
    <LI>JAVA开发</LI>
    <LI>Android开发</LI></UL></LI>
  <LI><A href=" #">关注</A>
  <UL>
    <LI>新浪微博</LI>
    <LI>腾讯微博</LI>
    <LI>企业微信</LI>
    <LI>QQ空间</LI></UL></LI>
  <LI><A href=" #">留言</A>
  <UL>
    <LI>意见反馈</LI>
    <LI>问题留言</LI>
    <LI>媒体联络</LI>
    <LI>在线客服</LI></UL></LI>
  <LI><A href=" #"><IMG src="images\weixin.png">微信关注</A>
  	   
  <UL>
    <LI><IMG src="images\qrcode.jpg"></LI></UL></LI></UL></DIV></DIV>
<SCRIPT src="js\setHomeSetFav.js" type="text/javascript"></SCRIPT>
<SCRIPT src="js\myfocus-2.0.1.min.js" type="text/javascript"></SCRIPT>
<SCRIPT src="js\mf-pattern\mF_classicHB.js" type="text/javascript"></SCRIPT>
<LINK href="js\mf-pattern\mF_classicHB.css" rel="stylesheet" type="text/css">
<SCRIPT type="text/javascript">
  myFocus.set({id:"picBox"});
</SCRIPT>
</BODY>
</HTML>
